
html,body
{
	height: 100%;
}
.banner {
	height: 100%;
}

.banner img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.nowap {
		display: none;
	}

	.nopc {
		display: block;
	}

	.navbar-brand {
		width: 75%;
		height: auto;
	}

	.banner {
		margin-top: 25px;
		height: 250px;
	}

	.ind_aboutbg {
		padding: 30px 0px;
	}

	.ind_title {
		text-align: center;
	}

	.ind_title i {
		display: none;
	}

	.ind_number li {
		width: 50%;
		text-align: center;
		margin-top: 20px;
	}

	.ind_probg {
		padding: 30px 0px;
	}

	.ind_proclass li {
		width: 33.33%;
		margin: 10px 0px;
		text-align: center;
	}

	.ind_pro a p {
		padding: 8px;
		font-size: 13px;
	}

	.ind_case {
		padding-top: 30px;
	}

	.ind_case_item .txt {

		padding: 5px 20px;

	}

	.ind_case_item .txt p {

		font-size: 14px;
		margin-top: 5px;

	}

	.ind_case_item .txt a {
		display: block;
		width: 100px;
		height: 30px;
		padding: 4px;
		margin-top: 20px;
	}

	.ind_newsbg {

		padding: 30px 0px;

	}

	.ind_newsclass {
		width: 100%;
	}

	.ind_newsclass li {
		width: 33.33%;
		margin: 10px 0px;
		text-align: center;
	}

	.qr .ov {
		text-align: center;
	}

	.qr .ov a {
		display: inline-block;
		float: none;
		margin: 10px;
	}

	.qr .fenxiang {
		text-align: center;
	}

	.frlink>div {

		margin: 0px auto;
	}

	.copyright {
		text-align: center;
		margin-top: 10px;
		font-size: 12px;
	}

	.collapse {
		background: rgba(0, 0, 0, 0.1);
	}

	.n_ban {
		height: 330px;
	}

	.aboutpic {
		margin-top: 30px;
		float: none;
		width: 100%;
	}

	.qyjstxt p {
		font-size: 16px;

		margin-top: 10px;
		padding-top: 10px;
		color: #888;
	}

	.qyjs_bg {

		padding: 30px 0px;
	}

	.fzlc {
		padding: 30px 0px;
	}
	.n_class ul li{
		width: 33.3%;
		text-align: center;
		margin: 0px;
		
	}
	.n_class ul li a{
		font-size: 14px;
	}
	.contac{
		padding: 30px 0px;
	}
	.jobs{
		padding: 30px 0px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.nowap {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1025px) {
	.nowap {
		display: none;
	}
}

@media (min-width: 1026px) and (max-width: 1367px) {
	.nowap {
		display: none;
	}
}
